<div class="bg-light lter b-b wrapper-md">
    <h1 class="m-n font-thin h3">订单管理</h1>
</div>
<div class="wrapper-md" id="orderManage">
    <div class="panel panel-default">
            <div class="panel-heading font-bold">查询</div>
            <div class="form-horizontal panel-body">
                <label class="control-label pull-left col-md-1">订单编号</label>
                <div class="col-md-2 form-group">
                    <input type="text" class="form-control" id="fa-searchz" v-model="orderQuery.orderId" placeholder="请输入订单编号">
                </div>
                <label class="control-label pull-left  col-md-1">订单状态</label>
                <div class="col-md-2 form-group">
                    <select class="form-control" v-model="orderQuery.orderStatus" >
                        <option v-for="option in orderStatusList" v-bind:value="option.value">
                            {{ option.text }}
                        </option>
                    </select>
                </div>
                <!--<div class="line line-xs pull-in"></div>-->
                <label class="control-label pull-left col-md-1">下单起始时间</label>
                <div class="col-md-2 form-group date has-feedback">
                        <input id="ApplicationStartTime" datetimepicker plugintype="datetime" v-model="orderQuery.startTime" placeholder="申请起始时间" class="form-control" type="text" />
                        <span id="openApplicationStartTime" class="form-control-feedback curpoint">
                            <span class="glyphicon glyphicon-calendar"></span>
                        </span>
                </div>

                <label class="control-label pull-left col-md-1">下单结束时间</label>
                <div class="col-md-2 form-group date has-feedback">
                        <input id="ApplicationEndTime" datetimepicker plugintype="datetime" v-model="orderQuery.endTime"  placeholder="申请结束时间" class="form-control" type="text" />
                        <span id="openApplicationEndTime" class="form-control-feedback curpoint">
                            <span class="glyphicon glyphicon-calendar"></span>
                        </span>
                </div>
                <label class="control-label pull-left col-md-1">发货地址</label>
                <div class="col-md-2 form-group">
                    <input  class="form-control" id="fa-searchz" v-model="orderQuery.startAddress" placeholder="请输入发货地址" type="text">
                </div>
                <label class="control-label pull-left col-md-1">送货地址</label>
                <div class="col-md-2 form-group">
                    <input class="form-control" id="fa-searchz" v-model="orderQuery.endAddress" placeholder="请输入送货地址" type="text">
                </div>

                <label class="control-label pull-left col-md-1" ></label>
                <div class="col-md-2 form-group"></div>
                <label class="control-label pull-left  col-md-1"></label>
                <div class="col-md-2 form-group">
                    <button @click="queryOrder()" class="btn btn-sm btn-default btn-addon">
                        <i class="glyphicon glyphicon-search" v-show="!seeks"></i>
                        <i v-show="seeks">
                            <b class="fa fa-spinner no-bordr"  v-bind:class="{'fa-spin':seeks}"></b>
                        </i>
                        <span v-show="!seeks">查询</span>
                        <span v-show="seeks">查询中...</span>
                    </button>
                </div>
            </div>


    </div>
    <div class="panel panel-default">
        <div class="panel-heading">
            询价单管理列表
        </div>
        <div class="line line-xs pull-in"></div>
        <div class="table-responsive" >
            <!--<v-client-table :data="tableData" :columns="columns" :options="options" style="min-height:395px;overflow:hidden; min-width:1000px;"></v-client-table>-->
            <table id="table" class="table table-hover" data-events="actionEvents"></table>
        </div>

        <div  class="panel-body">

            <pagination v-ref:table for="table" :per-page="PerPage" :records="records"> </pagination>
            <p v-if="!records  || records<1 ">No records</p>
            <p v-else="records"> 共{{records}} 行 </p>             

            <div class="form-group">
                <button id="location" class="pull-right-xs btn btn-sm btn-primary btn-addon "  @click="location()" ><i class="glyphicon glyphicon-map-marker"></i>定位</button>
				<!--<a class="pull-right-xs btn btn-sm btn-primary btn-addon">定位</a>-->
			</div>
        </div>
        
    </div>


</div>



 